﻿<?php
$this->load->helper('url');
$v_path = base_url('application/views');
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<title>Intranet du Laboratoire Galaxy-Swiss Bourdin</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="<?php echo $v_path.'/templates/css/styles.css'?>"
	rel="stylesheet" type="text/css" />

<script type="text/javascript">
			function hideNotify() {
				document.getElementById("notify").style.display = "none";
			}
		</script>
<style type="text/css">
<!--
label.titre {
	width: 180;
	clear: left;
	float: left;
}

.zone {
	width: 30car;
	float: left;
	color: 5599EE
}
-->
</style>
<script language="javascript">
			function selectionne(pValeur, pSelection,  pObjet) {
				//active l'objet pObjet du formulaire si la valeur sélectionnée (pSelection) est égale à la valeur attendue (pValeur)
				if (pSelection==pValeur) 
					{ formRAPPORT_VISITE.elements[pObjet].disabled=false; }
				else { formRAPPORT_VISITE.elements[pObjet].disabled=true; }
			}
		</script>
<script language="javascript">
	        function ajoutLigne( pNumero){//ajoute une ligne de produits/qté à la div "lignes"     
				//masque le bouton en cours
				document.getElementById("but"+pNumero).setAttribute("hidden","true");	
				pNumero++;										//incrémente le numéro de ligne
	            var laDiv=document.getElementById("lignes");	//récupère l'objet DOM qui contient les données
				var titre = document.createElement("label") ;	//crée un label
				laDiv.appendChild(titre) ;						//l'ajoute à la DIV
				titre.setAttribute("class","titre") ;			//définit les propriétés
				titre.innerHTML= "   Produit : ";
				var liste = document.createElement("select");	//ajoute une liste pour proposer les produits
				laDiv.appendChild(liste) ;
				liste.setAttribute("name","PRA_ECH"+pNumero) ;
				liste.setAttribute("class","zone");
				//remplit la liste avec les valeurs de la première liste construite en PHP à partir de la base
				liste.innerHTML=formRAPPORT_VISITE.elements["PRA_ECH1"].innerHTML;
				var qte = document.createElement("input");
				laDiv.appendChild(qte);
				qte.setAttribute("name","PRA_QTE"+pNumero);
				qte.setAttribute("size","2"); 
				qte.setAttribute("class","zone");
				qte.setAttribute("type","text");
				var bouton = document.createElement("input");
				laDiv.appendChild(bouton);
				//ajoute une gestion évenementielle en faisant évoluer le numéro de la ligne
				bouton.setAttribute("onClick","ajoutLigne("+ pNumero +");");
				bouton.setAttribute("type","button");
				bouton.setAttribute("value","+");
				bouton.setAttribute("class","zone");	
				bouton.setAttribute("id","but"+ pNumero);				
	        }
   		</script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
	<script>
			  $(function() {
			    $( "#datepicker" ).datepicker();
			    $( "#datepicker1" ).datepicker();
			  });
		</script>
	<script>
	//$(document).ready(function() {
	$(function() {
	    var $pratnum = $('#PRA_NUM');
	    var $pracoef = $('#PRA_COEF');
	    
	    // à la sélection d une région dans la liste
	    $pratnum.on('change', function() {
	        var val = $('#PRA_NUM').val(); // on récupère la valeur de la région
	 
	        if(val != '') {
	            $.ajax({
	            	url: 'getCoef',
	                data: '/'+ val, // on envoie $_GET['id_region']
	                dataType: 'html',
	                success: function(html) {
	                    $.each(json, function(index, value) {
	                        $pracoef.append('<input value="'+ index +'">'+ value +'</input');
	                        alert(value + " " + index);
	                        
	                    });
	                }
	            });
	        }
	    });
	});
		
</script>
	<script>
	$("select[name='PRANUM']").change( function() // lorsqu'un nouveau fournisseur est sélectionné
			{  
			      alert( $("select[name='PRA_NUM'] > option:selected").attr( 'value' ) );
			});
	</script>

</head>

<body onload="setTimeout(hideNotify,7000);">
	<div id="page">
		<div id="entete">
			<img src="<?php echo $v_path.'/templates/images/gsb2.png'?>"
				id="logoGSB" alt="Laboratoire Galaxy-Swiss Bourdin"
				title="Laboratoire Galaxy-Swiss Bourdin" />
			<h1>Gestion des rapports de visite</h1>
		</div>

		<!-- Division pour le menu -->
		<div id="menuGauche">
			<div id="infosUtil">
				<h2>
					Visiteur :
					<?php echo $this->session->userdata('prenom')."  ".$this->session->userdata('nom'); ?>
				</h2>
			</div>

			<ul id="menuList">


				<li class="smenu">
					<?php echo anchor('c_visiteur/', 'Accueil', 'title="Page d\'accueil"'); ?>
				</li>
				<li class="smenu">
					<?php echo anchor('c_visiteur/compteRenduForm', 'Créer compte rendu', 'title="Création de compte rendu"'); ?>
				</li>

				<li class="smenu">
					<?php echo anchor('c_visiteur/deconnecter', 'Se déconnecter', 'title="Déconnexion"'); ?>
				</li>
			</ul>

		</div>

		<?php echo $body; ?>

		<div id="pied">
			<p>
				<a href="http://validator.w3.org/check?uri=referer">
					<img src="http://www.w3.org/Icons/valid-xhtml10"
						alt="Valid XHTML 1.0 Strict" height="31" width="88" />
				</a>

				<a href="http://jigsaw.w3.org/css-validator/check/referer">
					<img style="border: 0; width: 88px; height: 31px"
						src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
						alt="CSS Valide !" />
				</a>
			</p>
		</div>

	</div>

</body>
</html>

